<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" href="../images/icon.ico" type="image/x-icon"/>
<link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
<link type="text/css" href="../css/main.css" rel="Stylesheet" />
<link rel="stylesheet" href="../css/lc.css">
<link type="text/css" href="../css/jquery-ui.min.css" rel="Stylesheet" />
<link type="text/css" href="../css/ystep.css" rel="Stylesheet" />
<link rel="stylesheet" href="../layui/css/layui.css">
<title>我的首页</title>
<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="../js/json2.js" ></script>
<script type="text/javascript" src="../js/RxWindow.js" ></script>
<script type="text/javascript" src="../js/JyyLoading.js"></script>
<script type="text/javascript" src="../js/ystep.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
<script type="text/javascript" src="../js/interface.js" ></script>
<script type="text/javascript" src="../js/main2.js" ></script>
<script type="text/javascript" src="../js/JyyCommon.js" ></script>
<script type="text/javascript" src="../js/JyyMsgBox.js" ></script>
<style type="text/css">
.gopt_big_box {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:150px;
	cursor:pointer;
}
.gopt_big_box > img {
	position:absolute;
	top:30px;
	left:0px;
	width:200px;
	height:200px;
}
.gopt_big_box > div {
	position:absolute;
	top:177px;
	left:0px;
	right:0px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-weight:bold;
}
.login_name {
	top:20px;
	right:140px;
	width:60px;
	height:60px;
	cursor:pointer;
	color: white;
}
.layui-nav {
    position: relative;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
    right: 11px;
}
.layui-nav-more {
	display: none;
}
.btnomarl{
	border:1px solid black;
	width: 100px;
    background-color: white;
    color: black;
    font-size:14px;
}
.btclicked{
	border:1px solid black;
	width: 100px;
    background-color: #557DFF;
    color: white;
    font-size:14px;
}
.btnomarl:hover{
	border:1px solid black;
	width: 100px;
    background-color: #557DFF;
    color: white;
    font-size:14px;
}
.btnomarls{
    background-color: #557DFF;
    color: white;
    font-size:14px;
}

.layui-btn-group .layui-btn:first-child {
    border-left: black;
    border-radius: 1px 1px 1px 1px;
}
.layui-btn-group .layui-btn {
    border-left: 1px solid black; 
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #557DFF;
}
.layui-elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 22px;
    font-weight: 400;
}
.layui-field-title {
    margin: 0px -12px 3px;
    border-width: 0px 0px 0px;
}
.layui-tab {
    margin: -8px 0;
    text-align: left!important;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	initPage();
});


</script>
</head>
<body >
	<div id="viewPanel" style="position:absolute;top:0px;left:0px;width: 100%;height: 100%;overflow: hidden;background:#eeeeee;">
		<div id="header" style="position:absolute;top:0px;left:0px;height:260px;width:100%;background-image:url(../images/header_bg.png);display: none;">
			 <div id="headPanel" style="position:absolute;top:0px;left:0px;height:60px;width:100%;border-bottom:1px solid #444444;">
				<div id="logobg" style="position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000000;filter:alpha(Opacity=30);opacity:0.3;"></div>
				<div id="logo" style="position:absolute;background:url(../images/logo.png) no-repeat;top:0px;width:350px;height:60px;cursor: pointer;"></div>
				<div id="pros" style="position:absolute;top:0px;width:120px;height:60px;right:158px;color: white;background-color: transparent;padding: 0px 0px 0px 0px;text-align: center">
                   	<ul class="layui-nav layui-layout-right"   style="background-color: transparent;padding: 0px 0px 0px 0px;text-align: center;margin-top: 0px;">
	                	 <li class="layui-nav-item" id="teamPage">
	               			<div   style="height:60px;width: 130px;cursor:pointer;background: url(../images/jckl.png) no-repeat center left;text-align: center;" onclick="showProPanl()">进程管理</div>
	                	</li> 
	               	</ul>
				</div>
				<!-- 展示登陆用户信息 -->
				<div id="login" style="position:absolute;top:0px;width:150px;height:60px;right:0px;">
					
					<ul class="layui-nav layui-layout-right"   style="background-color: transparent;padding: 0px 0px 0px 0px;text-align: center">
	                	<li class="layui-nav-item" id="teamPage">
                		<div style="width:160px;height:60px;">
	                    	<div id="login_name"  class="gopt_login_top" style="right:10px;width: 130px;text-align: center;"></div>
	                    </div>
	                    <dl class="layui-nav-child">
	                        <dd><a href="javascript:;" onclick="toIndex()">首页</a></dd>
	                        <dd><a href="javascript:;" onclick="outUp()">退出登录</a></dd>
	                    </dl>
	                	</li> 
                	</ul>
				</div>
					
			</div> 
			<div id="menuPanel" style="position:absolute;top:61px;left:0px;bottom:0px;right:0px;">
				<div style="position:absolute;top:15px;left:0px;height:120px;right:0px;text-align:center;">
					<div style="position:relative;width:120px;height:120px;display:inline-block;">
						<div style="position:absolute;top:0px;left:0px;width:120px;height:120px;border:0px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;background:#202023;"></div>
						<div style="position:absolute;top:0px;left:0px;width:120px;height:120px;background:url(../images/header_personal.png) no-repeat;"></div>
					</div>
				</div>
				<div style="position:absolute;top:149px;left:0px;height:50px;right:0px;text-align:center;">
					<div style="position:relative;width:610px;height:50px;display:inline-block;">
						<div id="menuProject" class="gopt_menu" onclick="onMenuClick(0)">全部工程</div>
						<div id="menuProjectIcon" class="gopt_menu_icon"></div>
						<div id="menuSquare" class="gopt_menu" style="top:0px;left:265px;"onclick="onMenuClick(3)">仿真广场</div>
						<div id="menuHots" class="gopt_menu" style="top:0px;left:530px;"onclick="onMenuClick(4)">热点动态</div>
					</div>
				</div>
			</div>
		</div>
		<div id="body" style="position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:#ffffff;">
			<div id="modelPanel" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow:hidden;overflow-y:auto;display:inline;">
			
			
			</div>
			<div id="projectPanel" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#ffffff;display:none">
				<div id="btnSearch" class="gopt_edit gopt_big_corner" style="position:absolute;top:30px;left:300px;width:650px;">
					<input class="gopt_edit_input" type="text" style="width:624px;"/>
					<div class="gopt_edit_tip" style="width:624px;">搜索工程文件</div>
					<div class="gopt_edit_btn"></div>
				</div>
				<div   style="position:absolute;top:35px;left:73%;width:400px;height: 40px;">
					 <div class="layui-btn-container">
					  <button type="button" id='newPro' class="layui-btn layui-btn-sm btnomarls" style="display: inline;"><i class="layui-icon"></i>新建项目</button>
					<div class="layui-btn-group">
					  <button type="button" id='kapian' class="layui-btn layui-btn-sm btclicked"  style="border: 1px solid #6bbde4;border-right: none;">卡片</i></button>
					  <button type="button" id='liebiao' class="layui-btn layui-btn-sm btnomarl"  style="border: 1px solid #6bbde4;border-left: none;">列表</i></button>
					</div>
					</div> 
				</div>
				<div id="projectListPanel" style="position:absolute;top:80px;left:160px;right:5%;bottom:20px;overflow:hidden;overflow-y:auto;display: block">
				</div>
				<div id="projectListPanel4Table" style="position:absolute;top:80px;left:160px;right:5%;bottom:20px;overflow:hidden;overflow-y:auto;display: none">
					<table class="layui-hide" id="test" lay-filter="test"></table>
				
				</div>
			</div>
			<div id="leftPanel" style="position:absolute;top:57px;left:27px;width:54px;bottom:0px;">
				<!-- <div id="btnCreateProject" class="btn_icon">
					<img style="position:absolute;top:13px;left:13px;width:28px;height:28px;" src="../images/menu_project.png"></img>
				</div> -->
				<div id="btnDisplayHelp" class="btn_icon_cancel" style="top:80px;">
					<img style="position:absolute;top:13px;left:13px;width:28px;height:28px;" src="../images/menu_help.png"></img>
				</div>
				<div id="btnGoHome" class="btn_return" style="top:168px;left:8px;display:none"></div>
			</div>
		</div>
		<div id="wizardMask" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000000;filter:alpha(Opacity=60);opacity:0.6;overflow: hidden;display:none;"></div>
		<div id="wizardPanel1" style="position:absolute;top:25%;left:30%;width:600px;height:500px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
				<div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">工程向导</div>
				<div style="position:absolute;top:20px;right:35px;width:230px;height:1px;border-bottom:1px dashed #999999"></div>
				<div style="position:absolute;top:14px;right:95px;width:16px;height:16px;background:url(../images/wizard_proces_normal.png) no-repeat;"></div>
				<div style="position:absolute;top:14px;right:200px;width:16px;height:16px;background:url(../images/wizard_proces_current.png) no-repeat;"></div>
				<div style="position:absolute;top:30px;right:168px;width:84px;height:16px;font-size:14px;color:#666666;">功能模块选择</div>
				<div style="position:absolute;top:30px;right:75px;width:56px;height:16px;font-size:14px;color:#999999;">基本信息</div>
			</div>
			<div style="position:absolute;top:57px;left:15px;width:570px;height:135px;">
				<div id="btnArrowLeft" class="gopt_left_arrow"></div>
				<div id="btnOuterPanel" style="position:absolute;top:7px;left:50px;right:50px;bottom:6px;overflow:hidden;">
					<div id="btnInnerPanel" class="gopt_box_panel"></div>
				</div>
				<div id="btnArrowRight" class="gopt_right_arrow"></div>
			</div>
			<div style="position:absolute;top:192px;left:15px;right:15px;bottom:80px;background:#f6f8ff;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;">
				<div style="position:absolute;top:20px;left:20px;width:200px;bottom:20px;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;">
					<img id="imgModelDemo" style="position:absolute;top:0px;left:0px;width:200px;height:145px;" src="../images/model31.png"/>
				</div>
				<div style="position:absolute;top:20px;left:240px;width:1px;bottom:20px;border-left:1px dashed #999999;"></div>
				<div style="position:absolute;top:20px;left:260px;right:20px;bottom:20px;overflow:hidden;overflow-y:auto;display:inline-block;">
					<div id="txtModelTitle" style="width:100%;height:24px;font-weight:bold;">调度运行模拟</div>
					<div id="txtModelHead" style="width:100%;font-size:14px;">主要解决新能源精细化生产运行模拟的问题，包括电力平衡，电量平衡，调峰平衡，切负荷</div>
					<div style="width:100%;height:28px;line-height:28px;font-weight:bold;">特性：</div>
					<div id="txtModelTrait" style="width:100%;font-size:14px;">主要解决新能源精细化生产运行模拟的问题，包括电力平衡，电量平衡，调峰平衡</div>
				</div>
			</div>
			<div id="btnCancel" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
			<div id="btnNextStep" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">下一步</div>
		</div>
		<div id="wizardPanel2" style="position:absolute;top:25%;left:30%;width:600px;height:500px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
				<div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">工程向导</div>
				<!-- <div style="position:absolute;top:20px;right:35px;width:230px;height:1px;border-bottom:1px dashed #999999"></div>
				<div style="position:absolute;top:14px;right:95px;width:16px;height:16px;background:url(../images/wizard_proces_current.png) no-repeat;"></div>
				<div style="position:absolute;top:14px;right:200px;width:16px;height:16px;background:url(../images/wizard_proces_normal.png) no-repeat;"></div>
				<div style="position:absolute;top:30px;right:168px;width:84px;height:16px;font-size:14px;color:#999999;">功能模块选择</div>
				<div style="position:absolute;top:30px;right:75px;width:56px;height:16px;font-size:14px;color:#666666;">基本信息</div> -->
			</div>
			<!-- 新建工程公用 -->
			<div style="position:absolute;top:105px;left:20px;right:20px;bottom:120px;">
				<div style="position:absolute;top:0px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>工程名</div>
				<div id="inProjectName" class="gopt_edit gopt_corner"
					style="position: absolute; top: 0px; left: 140px; width: 350px;">
					<input class="gopt_edit_input" type="text" style="width: 324px;" />
					<div class="gopt_edit_tip" style="width: 324px;">请输入工程名</div>
				</div>
				<div style="position:absolute;top:68px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">工程描述</div>
				<div id="inProjectDemo" class="gopt_edit gopt_corner" style="position:absolute;top:68px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;">请描述（选填）</div>
				</div>
				<div style="position:absolute;top:136px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>方案名</div>
				<div id="inPlanName" class="gopt_edit gopt_corner" style="position:absolute;top:136px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;">请输入方案名</div>
				</div>
				<div style="position:absolute;top:204px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">方案描述</div>
				<div id="inPlanDemo" class="gopt_edit gopt_corner" style="position:absolute;top:204px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;">请描述（选填）</div>
				</div>
				<div style="position:absolute;top:272px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">典型方案</div>
				<div id="inModelPlan" class="gopt-prop-field gopt-prop-select" style="position:absolute;top:272px;left:140px;width:350px;">
					<select id="modelProjectDemo" class="gopt-prop-field gopt-prop-select" style="width:350px;"></select>
				</div>
				
			</div>
			<div id="btnPrevStep" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
			<div id="btnFinish" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">完成</div>
		</div>
		
		<div id="wizardPaneledit" style="position:absolute;top:25%;left:30%;width:600px;height:350px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			<div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
				<div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">修改工程</div>
			 
			</div>
			<div style="position:absolute;top:105px;left:20px;right:20px;bottom:120px;">
				<div style="position:absolute;top:0px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>工程名</div>
				<div id="inProjectNameEdit" class="gopt_edit gopt_corner"
					style="position: absolute; top: 0px; left: 140px; width: 350px;">
					<input class="gopt_edit_input" type="text" style="width: 324px;" />
					<div class="gopt_edit_tip" style="width: 324px;" ></div>
				</div>
				<div style="position:absolute;top:68px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">工程描述</div>
				<div id="inProjectDemoEdit" class="gopt_edit gopt_corner" style="position:absolute;top:68px;left:140px;width:350px;">
					<input class="gopt_edit_input" type="text" style="width:324px;"/>
					<div class="gopt_edit_tip" style="width:324px;"></div>
				</div>
				 
				
			</div>
			<div id="btnEditStep" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
			<div id="btnEditFinish" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">完成</div>
		</div>
		<div id="menu" style="position:absolute;top:0px;left:0px;width:80px;height:70px;background:#202023;display:none;">
			<div class="gopt_sub_menu" style="top:0px;left:0px;" onclick="onMenuClick(1)">个人</div>
			<div class="gopt_sub_menu" style="top:35px;left:0px;" onclick="onMenuClick(2)">分享</div>
		</div>
		<div id="progressList" class="ui-widget-content" style="position:absolute;top: 11%;left: 15%;width: 69%;height: 450px;background:#ffffff;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
			 <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;">
			  <legend>进程管理</legend>
	  				<div id="progressListClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
			  
			</fieldset>
			<div  class="ui-widget-content" style="position:absolute;top: 35px;left: 0%;border: 0px;width: 99%;height: 93%;background:#ffffff;overflow: auto;">
			
				<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
				  <ul class="layui-tab-title">
				    <li class="layui-this">实时进程</li>
				    <li>历史进程</li>
				    <!-- <li>计算设置</li> -->
				  </ul>
				  <div class="layui-tab-content" style="height: 100px;">
				    <div class="layui-tab-item layui-show">
					    <div class="layui-form-item">
						    <div class="layui-input-inline">
						      <input type="text"  id='L_modelName' name="L_modelName" lay-verify="required" placeholder="模块名称" autocomplete="off" class="layui-input">
						    </div>
						    <div class="layui-input-inline">
						      <input type="text" id='L_projectName' name="L_projectName" lay-verify="required" placeholder="工程名称" autocomplete="off" class="layui-input">
						    </div>
						    <div class="layui-input-inline">
						      <input type="text" id='L_planName' name="L_planName" lay-verify="required" placeholder="方案名称" autocomplete="off" class="layui-input">
						    </div>
						     <button id='listquery' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">查询</button>
						     <button id='listclear' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">重置</button>
						  </div>
						<table class="layui-hide" id="test2" lay-filter="test2"></table>
					</div>
				    <div class="layui-tab-item">
				    	<div class="layui-form-item">
						    <div class="layui-input-inline">
						      <input type="text"  id='H_modelName' name="H_modelName" lay-verify="required" placeholder="模块名称" autocomplete="off" class="layui-input">
						    </div>
						    <div class="layui-input-inline">
						      <input type="text" id='H_projectName' name="H_projectName" lay-verify="required" placeholder="工程名称" autocomplete="off" class="layui-input">
						    </div>
						    <div class="layui-input-inline">
						      <input type="text" id='H_planName' name="H_planName" lay-verify="required" placeholder="方案名称" autocomplete="off" class="layui-input">
						    </div>
						     <button id='listqueryH' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">查询</button>
						     <button id='listclearH' type="button" class="layui-btn"style="background-color: #557DFF;width: 90px;">重置</button>
						  </div>
				    		<table class="layui-hide" id="test1" lay-filter="test1"></table>
				    </div>
				    <!-- <div class="layui-tab-item"></div> -->
				  </div>
				</div>
			</div> 
		</div>
	</div>
	<script src="../layui/layui.js"></script>
	<script>
	layui.use('element', function(){
	  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
	  
	  //监听导航点击
	  element.on('nav(demo)', function(elem){
	    //console.log(elem)
	    layer.msg(elem.text());
	  });
	});
	
	function outUp(){
		$.ajax({
            url: '../pv/login/logout',
            dataType: 'text'
        }).done(function(res) {
    	});
		window.location.href="../../index.html";
	};
	function toIndex(){
		window.location.href="../../index.html";
	};
</script>
</body>
</html>
	